﻿/*
* name:Global && Pc StyleSheet
* version:v3.3.1
* update:雪碧图对齐
* date:2016-04-30
*/

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
html { overflow-x:auto;}
html,body,.wrap { min-width:1000px;}
.wrap { width:1000px; margin-right:auto; margin-left:auto;}
body{font-size:13px; line-height:1.6; color:#555; background:#fff;}
a{color:inherit;}
a:hover { color:#39f;}
::-moz-selection {color:#fff; background:#39f; }
::selection {color:#fff; background:#39f; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */


/* newslist-10 start*/
.widget-newslist-10 .newList { width: 100%; height: auto; margin-bottom: 40px; perspective: 1000; -webkit-perspective: 1000; /*设置元素被查看位置的视图*/}
.widget-newslist-10 .newList .time { width:10%;float:left;font-size: 12px; text-align: right; color:#272636; position: relative; }
.widget-newslist-10 .newList .date { font-size:30px; }
.widget-newslist-10 .newList .border { width:30px; transition-duration:.5s; -webkit-transition-duration:.5s; height:2px; background:#c7c7c7; position: absolute; right:3px; top:50px; }
.widget-newslist-10 .newList .month { margin-top: 30px; }
.widget-newslist-10 .newList .textBox { width:70%; float: left; margin-left:5%; }
.widget-newslist-10 .newList .tit { font-size:18px; color:#333333; }
.widget-newslist-10 .newList .text { font-size:12px; color:#666666; margin-top: 10px;line-height:1.8em;height:3.6em;overflow:hidden;}
.widget-newslist-10 .newList .more { width: 124px; height: 28px; border: 1px solid #292929; color:#292929; text-align: center; line-height: 28px; position: absolute; right: 40px; bottom: 24px; text-transform: uppercase; font-size: 12px; transition-duration: .5s; -webkit-transition-duration: .5s; }
.widget-newslist-10 .newList li {height: 120px;padding:20px 0;transition-duration: .5s;-webkit-transition-duration: .5s;width: 100%;margin-bottom:8px;background:#f3f3f3;position:relative;}
.widget-newslist-10 .newList li:hover {transform: rotateY(2deg);-webkit-transform: rotateY(2deg);/*调整动画角度*/}
.widget-newslist-10 .newList li:hover .border { width: 70px; }
.widget-newslist-10 .newList li:hover .more { background:#505050; color:#FFFFFF; border-color:#505050; }
.widget-newslist-10 .newList a { display: block; width: 100%; height: 100%;}


/* pad横屏*/
@media only screen and (max-width:1024px) { 

}

/*pad竖屏*/
@media only screen and (max-width:768px) {
.widget-newslist-10 .newList .time{width:15%;}
.widget-newslist-10 .newList .textBox{width:50%;margin-left:6%;}

}

/*mobile*/
@media only screen and (max-width:480px) { 
.widget-newslist-10 .newList .time{width:28%;}
.widget-newslist-10 .newList .textBox{width:58%;}
.widget-newslist-10 .newList .more{bottom:10px;}
}
